<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>忘记密码</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script type="text/javascript" src="dist/lib/jquery-2.1.4.js" ></script>
	<script src="dist/js/jquery-weui.min.js"></script>
	<script type="text/javascript" src="dist/lib/fastclick.js"></script>
	<script type="text/javascript">
		//发送短信验证吗
		var countdown = 60;
	
		function sendemail() {
			var obj = $(".tel_code");
			settime(obj);
		}
	
		function settime(obj) { //发送验证码倒计时
			if(countdown == 0) {
				obj.attr('disabled', false);
				//obj.removeattr("disabled"); 
				obj.val("免费获取验证码");
				countdown = 60;
				return;
			} else {
				obj.attr('disabled', true);
				obj.val("重新发送(" + countdown + ")");
				countdown--;
			}
			setTimeout(function() {
				settime(obj)
			}, 1000)
		}
	</script>
	<body class="bg">	
		<header class="wy-header bg">
			<div class="wy-header-icon-back">
				<a href="javascript:history.back(-1)"><i class="iconfont icon-left6"></i></a>
			</div>
			<div class="wy-header-title">找回密码</div>
		</header>
		<form action="" method="get">
		<div id="login">
			<div class="box">
				
				<div class="weui-cell bknone">
					<div class="weui-cell__bd ">
						<input class="weui-input" type="tel" placeholder="请输入手机号">
					</div>
				</div>
				
				
				<div class="weui-cell weui-cell_vcode">
					<div class="weui-cell__bd">
						<input class="weui-input" type="text" placeholder="验证码">
					</div>
					<div class="weui-cell__ft">
						<input class="weui-vcode-btn tel_code txt-rt" name="telcode" value="获取验证码" onclick="sendemail()" >
					</div>
				</div>
				<div class="weui-cell"></div>
				<a href="javascript:;" class="dl-btn">确定</a>
			
			</div>
			
		</div>
		
		</form>
	</body>
</html>